<template>
	<view>
		<view v-for="(item,i) in urllist" :key="i" @click="gotodetail(item)">
			<image :src="item.url_img" style="position: relative;overflow: hidden;margin-bottom: 33px;"></image>			
			<view class="url-title">{{item.url_title}}</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
			urllist:[{
						url_title:'名家与讲座',
						url_img:"http://www.kepu.gov.cn/upload/article/5cbe1ce1-9fc5-4311-9c7c-8452395a1cf0.jpg?x-oss-process=style/kepu500"
					},
					{
						url_title:'我读《北极熊科普佳作丛书》',
						url_img:"http://www.kepu.gov.cn/upload/article/8a8b347b-a468-4ca3-8ca5-2eca90c3ece9.jpg?x-oss-process=style/kepu500"
					},
					{
						url_title:'由《增长的极限》延续的“极限”',
						url_img:"http://www.kepu.gov.cn/upload/article/d1e385f0-9801-4c16-91e6-231f879f128c.jpg?x-oss-process=style/kepu500"
					},
					{
						url_title:'《2022中国科幻产业报告》发布  聚焦中国科幻产业未来趋势',
						url_img:"http://www.kepu.gov.cn/upload/article/24314443-6d3e-4041-bc42-0f6e61c683bc.png?x-oss-process=style/kepu500"
					},
					{
						url_title:'野兽也有道德？',
						url_img:"http://www.kepu.gov.cn/upload/article/c8ecb968-59a3-4414-9508-02dfffecaa76.jpg?x-oss-process=style/kepu500"
					}
					]
			
			};
		},
		methods:{
			gotodetail(item){
				console.log(item)
				uni.navigateTo({
					url:'/subpkg/picture_detail/picture_detail?data_title='+item.url_title
				})
			}
		}
	}
</script>

<style lang="scss">
.url-title{
	text-align: center;
	color: #00007f;
	fontSize: 20px;
}
</style>
